/*.load{display: none}*/
.pcShow {
    display: block;
}

.phoneShow {
    display: none;
}

.load.pcShow {
    display: none
}

.padShow {
    display: block
}

.wal {
    width: 20rem;
    margin: 0 auto
}

header {
    width: 100%;
    height: 1.58rem;
    position: relative;
    box-shadow: 0 0 12px #dcdbdb;
}

header.transparent {
    position: absolute
}

header .bg {
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 1.58rem;
    background: #fff;
    z-index: 9;
}

header .bg.on_1 {
    animation: d5 0.3s forwards;
    animation-delay: 0.4s
}

header .bg.on {
    opacity: 1
}

@keyframes d5 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

header .wal {
    height: 100%;
    position: relative
}

header .headerContainer {
    position: relative;
    z-index: 101
}

header .headerContainer .wal .logo {
    float: left;
    height: 1.58rem;
}

header .headerContainer .wal .logo a {
    display:block;
    vertical-align: middle;
    width: 2.61rem;
    height: 0.74rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
header .headerContainer .wal .logo a img{display: inline-block;width:100%;vertical-align: top}
header.transparent .headerContainer .wal .logo a {
    background: url("/skin/style/images/logo01.png") no-repeat;
    background-size: cover
}

header.transparent.active .headerContainer .wal .logo a {
    background: url("/skin/style/images/logo01-1.png") no-repeat;
    background-size: cover
}

header .headerContainer .wal .navList li {
    display: inline-block;
    margin: 0 0.2rem;
    line-height: 1.5rem;
    cursor: pointer
}
header .headerContainer .wal .navList li.menu{margin: 0;}


header .headerContainer .wal .navList li > a {
    font-size: 0.28rem;
    color: #999;
    display: block;
    line-height: 1.5rem;
    transition: color 0.3s ease
}

header .headerContainer .wal .navList li > a:hover {
    color: #ed2e31;
}

header .headerContainer .wal .navList li div.tab {
    display: inline-block;
    padding: 0 0.2rem
}

header .headerContainer .wal .navList li div.tab span {
    color: #999;
    display: block;
    line-height: 1.5rem;
    font-size: 0.28rem;
    height: 100%;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1002
}

header.transparent .headerContainer .wal .navList li div.tab span {
    color: rgba(254, 254, 254, .7)
}

header.active .headerContainer .wal .navList li div.tab span {
    color: #999
}

header .headerContainer .wal .navList li div.tab span:hover, header .wal .navList li div.tab span.on {
    color: #333
}

header .headerContainer .navBg {
    overflow: hidden;
    height: 0;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 1.58rem;
    left: 0;
    z-index: 1000;
    transition: height 0.5s;
    box-shadow: 0 12px 50px -18px #dcdbdb;
}
header .headerContainer.headerSlide .navBg{top: 1rem}

header .headerContainer .navBg.active {
    height: 9.62rem;
}

header .headerContainer .tab .container > a {
    position: absolute;
    right: 0;
    bottom: 30px;
    line-height: 1em;
    font-size: 0.28rem;
    color: #484848;
    border-bottom: 1px solid #484848
}

header .headerContainer .container {
    position: absolute;
    top: 1.5rem;
    left: 0;
    overflow: hidden;
    background: #fff;
    z-index: 1001;
    width: 100%;
    height: 0rem;
}
header .headerContainer.headerSlide .container{top: 1rem}
header.headerSlide .headerContainer .container{top: 1rem}

header .headerContainer .tab:first-child .container.active {
    padding-top: 1rem
}

header .headerContainer .container.active {
    animation: d1 0.5s forwards
}

@keyframes d1 {
    0% {
        height: 0;
    }
    100% {
        height: 9.62rem;
    }
}

header.transparent .headerContainer .wal .navList li > a {
    color: rgba(254, 254, 254, 0.7)
}

header.transparent .headerContainer .wal .navList li > a:hover {
    color: #fff
}

header.transparent.active .headerContainer .wal .navList li > a {
    color: #999
}

header.transparent.active .headerContainer .wal .navList li > a:active {
    color: #333
}

header .pcShow .container .content {
    float: left;
    position: relative;
    left: 100px;
    opacity: 0;
    margin-left: 1.4rem;
}
header .pcShow .tab:nth-child(1) .container .content{width: 24%;margin-left: 10px}

header .pcShow .container.active .content {
    animation: d2 1s forwards;
}

header .pcShow .container.active .content:nth-child(2) {
    animation-delay: 0.1s
}

header .pcShow .container.active .content:nth-child(3) {
    animation-delay: 0.2s
}

header .pcShow .container.active .content:nth-child(4) {
    animation-delay: 0.3s
}

header .pcShow .container.active .content:nth-child(5) {
    animation-delay: 0.4s
}

header .pcShow .container.active .content:nth-child(6) {
    animation-delay: 0.5s
}

header .pcShow .container.active .content:nth-child(7) {
    animation-delay: 0.6s
}

@keyframes d2 {
    0% {
        left: 100px;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

header .pcShow .container .content .tittle {
    line-height: 3em;
    font-size: 0.32rem;
    color: #333333;
    font-weight: bold;
    padding-left: 0.8rem;
}

header .pcShow .container .content a {
    display: block;
    line-height: 1.2em;
    font-size: 0.28rem;
    color: #484848;
    margin-bottom: 0.5rem;
    transition: color 0.3s ease;
}

header .pcShow li .tab:nth-child(1) .container .content a {
    padding-left: 0.8rem
}

header .pcShow .container .content a:hover {
    color:#ed2e31;
}

header .pcShow .container .content .imgDiv img {
    height: 2.65rem
}

header .pcShow .container .content p {
    font-size: 0.28rem;
    color: #666666;
    text-align: center;
}

header .pcShow .tab:nth-child(2) .container .content {
    margin-left: 0;
    transition: all 0.3s ease;
    position: relative;
    top: 0;
    width: 14.2%;
    text-align: center;
}
header .pcShow .tab:nth-child(2) .container .content:hover{
    top: -20px;
}
header .pcShow .tab:nth-child(2) .container .content:hover p{color: #ed2e31}


header .pcShow .tab:nth-child(2) .container.active {
    padding-top: 2.3rem
}

.indexFlash a.bannerA {
    position: relative;
    display: block;
    width: 100%
}

.indexFlash a.bannerA.pcShow{width: 100%;max-width: 2560px;background-size: cover;background-position: center;height: 620px;margin: 0 auto}
.indexFlash a.bannerA.phoneShow{display: none}
.indexFlash a.bannerA div{position: absolute;width: 100%;height: 1.38rem;background: rgba(00,00,00,.6);left: 0;bottom: 0;max-width: 2560px;margin: 0 auto}
.indexFlash a.bannerA div p{height: 100%;line-height: 1.38rem;font-size: 0.32rem;color: #fff;}


.indexFlash a.bannerA div {
    position: absolute;
    width: 100%;
    height: 1.38rem;
    background: rgba(00, 00, 00, .6)
}

.indexFlash a.bannerA div p {
    height: 100%;
    line-height: 1.38rem;
    font-size: 0.32rem;
    color: #fff;
}

.indexFlash img {
    width: 100%;
}

.indexFlash .slick-dots .slick-active {
    background: #fff
}

.indexFlash div.msg {
    position: absolute;
    top: 50%;
    color: #fff;
    width: 100%
}

.indexFlash div.msg p {
    font-size: 0.8rem;
    color: #fff;
    width: 100%;
    text-align: center
}

.indexFlash .slick-slide {
    position: relative
}

.indexFlash .slick-list {
    width: 100%
}

.indexFlash .msg a {
    display: block;
    margin: 0 auto;
    font-size: 0.28rem;
    color: #fff;
    margin-top: 1rem;
    text-align: center;
    position: relative;
    z-index: 1000;
}

.indexFlash .msg a .imgDiv {
    width: 1.7rem;
    height: 1rem;
    background: transparent;
    line-height: 0.94rem;
    text-align: center;
    margin: 0 auto;
    border: 0.04rem solid #fff;
    border-radius: 0.4rem;
    transition: all 0.3s ease;
    margin-bottom: 0.25rem;
}

.indexFlash .msg a .imgDiv:hover {
    background: #f33f3f;
    border-color: transparent
}

.indexFlash .msg a img {
    width: 0.27rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.05rem;
}

.pageTittle {
    padding-top: 2.75rem;
    padding-bottom: 1.15rem;
    text-align: center
}

.pageTittle div {
    text-align: center;
    font-size: 0.72rem;
    color: #333333;
    line-height: 1.2rem
}

.pageTittle p {
    text-align: center;
    font-size: 0.32rem;
    color: #666666;
    line-height: 0.48rem
}

.pageTittle a {
    display: inline-block;
    font-size: 0.32rem;
    color: #666666;
    margin-top: 0.3rem;
    border-bottom: 1px solid #666;
    line-height: 0.48rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease
}

.pageTittle a:hover {
    color: #333;
    border-color: #333
}

.indexFlash .msg a img {
    width: 0.27rem;
    display: inline-block;
    vertical-align: middle
}

.indexFlash a.slick-prev {
    display: block;
    width: 0.55rem;
    height: 1.02rem;
    background: url("/skin/style/images/img42.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 45%;
    left: 0.5rem;
    z-index: 1000;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.indexFlash a.slick-next {
    display: block;
    width: 0.55rem;
    height: 1.02rem;
    background: url("/skin/style/images/img41.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 45%;
    right: 0.5rem;
    z-index: 1000;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.indexFlash a.slick-next:hover, .indexFlash a.slick-prev:hover {
    opacity: 1
}

.indexPart1 ul li {
    float: left;
    width: 49.7%;
    position: relative;
    margin-bottom: 0.6%;
    cursor: pointer;
    line-height: 6.66rem
}

.indexPart1 ul li:nth-of-type(odd) {
    margin-right: 0.6%
}

.indexPart1 ul li .imdDiv {
    width: 100%;
    height: 100%
}

.indexPart1 ul li .imdDiv img.pcShow {
    display: none
}

.indexPart1 ul li .imdDiv img.phoneShow {
    display: block
}

.indexPart1 ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.4rem;
    background: rgba(00, 00, 00, .5);
    z-index: 100;
    text-align: center
}

.indexPart1 ul li p span {
    display: block;
    font-size: 0.32rem;
    color: #fff;
    line-height: 1.4rem;
}

.indexPart1 ul li p span img {
    display: inline-block;
    line-height: 1.4rem;
    vertical-align: middle;
    height: 0.8rem;
    margin-right: 0.35rem
}

.indexPart1 li .msg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #eeeeee;
    z-index: 101;
    display: inline-block;
    vertical-align: middle;
    padding-left: 1rem;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease
}

.indexPart1 li:hover .msg {
    opacity: 1
}

.indexPart1 li:nth-child(odd) .msg {
    padding-left: 1rem
}

.indexPart1 li .msg img {
    width: 86px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
    left: -100px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease
}

.indexPart1 li:hover .msg img {
    left: 0;
}

.indexPart1 li .msg span {
    display: inline-block;
    width: 6.5rem;
    vertical-align: middle;
    overflow: hidden;
}
.indexPart1 li .msg a:hover span{color: #ed2e31}
.indexFlash .slick-slide:last-child a.bannerA div{
    background: none;
    bottom: auto;
    top: 40%;
    transform: translateY(-50%);
    text-align: center;
}
.indexFlash .slick-slide:last-child a.bannerA div p{font-size: 36px}

.indexPart1 li .msg span em {
    display: block;
    color: #333;
    font-size: 0.6rem;
    line-height: 1em;
    margin-bottom: 0.5rem;
    position: relative;
    top: 50px;
    opacity: 0;
    transition: all 0.5s ease;
}

.indexPart1 li:hover .msg span em {
    opacity: 1;
    top: 0
}

.indexPart1 li .msg span a {
    display: block;
    line-height: 1em;
    font-size: 0.36rem;
    color: #666666;
    float: left;
    margin-bottom: 0.2rem;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-bottom: 0.05rem;
    position: relative;
    top: 50px;
    opacity: 0;
}

.indexPart1 li .msg span a:nth-child(2) {
    transition-delay: 0.1s
}

.indexPart1 li .msg span a:nth-child(3) {
    transition-delay: 0.2s
}

.indexPart1 li .msg span a:nth-child(4) {
    transition-delay: 0.3s
}

.indexPart1 li .msg span a:nth-child(5) {
    transition-delay: 0.4s
}

.indexPart1 li .msg span a:nth-child(6) {
    transition-delay: 0.5s
}

.indexPart1 li .msg span a:nth-child(7) {
    transition-delay: 0.6s
}

.indexPart1 li:hover .msg span a {
    opacity: 1;
    top: 0;
}

.indexPart1 li .msg span a:hover {
    color: #333;
    border-color: #333;
}

.indexPart2 .tabs .tab {
    width: 7.06rem;
    margin: 0 0.1rem;
    padding-top: 0.4rem;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.3s ease;
    top: 0
}

.indexPart2 .tabs .tab:hover {
    top: -10px
}

.indexPart2 .tabs .tab .imgDiv {
    border-radius: 0.15rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease
}

.indexPart2 .tabs .tab:hover .imgDiv {
    box-shadow: 0 0 0.3rem rgba(00, 00, 00, 0.3);
}

.indexPart2 .tabs .tab .imgDiv img {
    border-radius: 0.15rem
}

.indexPart2 .tabs .tab .msg {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 1rem;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    left: 0;
    border-radius: 0 0 0.15rem 0.15rem;
    line-height: 48px;
    padding-right: 2%;
}

.indexPart2 .tabs .tab .msg img {
    height: 0.6rem;
}

.indexPart2 .tabs .tab .msg span {
    color: #333;
    font-size: 0.28rem;
    display: inline-block;
    position: relative;
    transform: translateY(-50%);
    top: 50%
}

.indexPart2 .tabs .tab:last-child {
    padding-top: 0.3rem;
    position: relative
}

.indexPart2 .tabs .tab:last-child a.text {
    display: block;
    width: 100%;
    height: 4.16rem;
    border-radius: 0.15rem;
    text-align: center;
    font-size: 0.32rem;
    color: #fff;
    line-height: 4.16rem;
    position: absolute;
    top: 0.3rem;
    left: 0;
    background: transparent;;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: #f3f3f3;
    color: #666
}

.indexPart2 .tabs .tab:last-child:hover a.text {
    background: #ed2e31;
    color: #fff
}

.indexPart2 a.moreCase {
    display: block;
    width: 3.25rem;
    height: 1rem;
    color: #f33f3f;
    font-size: 0.28rem;
    text-align: center;
    line-height: 0.92rem;
    border: 0.04rem solid #f33f3f;
    border-radius: 0.15rem;
    margin: 0 auto;
    margin-top: 0.6rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    overflow: hidden
}

.indexPart2 a.moreCase:hover {
    color: #fff;
    background: #f33f3f
}

.indexPart3 .wal {
    padding-left: 0.2rem
}

.indexPart3 .wal > div {
    width: 50%
}

.indexPart3 .wal > div .tittle {
    font-size: .52rem;
    color: #333;
    padding-bottom: .5rem
}

.indexPart3 .newsIndex ul {
    border-left: 1px solid #a6a6a6;
    padding-left: .5rem;
    padding-right: 1rem;
}

.indexPart3 .newsIndex ul li {
    position: relative;
    padding-bottom: .52rem
}

.indexPart3 .newsIndex ul li:last-child {
    padding-bottom: 0
}

.indexPart3 .newsIndex ul li:last-child a {
    font-size: .36rem;
    color: #333;
    border-bottom: 1px solid #333
}

.indexPart3 .newsIndex ul li:after {
    width:14px;
    height:14px;
    content: "";
    display: block;
    position: absolute;
    left: -34px;
    top: 5px;
    background: #fff;
    border:2px solid #a6a6a6;
    border-radius: 100%
}

.indexPart3 .newsIndex ul li .msg,
.indexPart3 .zt .msg {
    color: #333;
    font-size: .36rem;
    padding-bottom: .2rem;
    transition: all 0.3s ease;
}
.indexPart3 .newsIndex ul li .msg {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.indexPart3 .zt .msg {
	padding-top:21px;
}
.indexPart3 .newsIndex ul li:first-child .msg:after{
    content: "";
    display: block;
    width: 4px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -27px;
    background: #fff;
}
.indexPart3 .newsIndex ul li:last-child .msg:after{
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: -27px;
    width: 4px;
    height: 15px;
    background: #fff;
}


.indexPart3 .newsIndex ul li .msg:hover,
.indexPart3 .zt .msg:hover{color: #ed2e31}
.indexPart3 .newsIndex ul li .date {
    color: #999999;
    font-size: .3rem;
}

.indexPart3 .zt ul {
    overflow: hidden
}

.indexPart3 .zt ul li {
    float: left;
    margin-right: .05rem;
    margin-bottom: .05rem
}

.indexPart3 .zt ul li:nth-of-type(even) {
    margin-right: 0
}

.indexPart3 .zt ul li a {
    display: block;
    position: relative;
    width: 4.85rem;
    height: 4.45rem;
    /*-webkit-filter: grayscale(50%);*/
    /*-moz-filter: grayscale(50%);*/
    /*-ms-filter: grayscale(50%);*/
    /*-o-filter: grayscale(50%);*/
    /*filter: grayscale(50%);*/
}

.indexPart3 .zt ul li a:hover {
    /*-webkit-filter: grayscale(0%);*/
    /*-moz-filter: grayscale(0%);*/
    /*-ms-filter: grayscale(0%);*/
    /*-o-filter: grayscale(0%);*/
    /*filter: grayscale(0%)*/
}

.indexPart3 .zt ul li a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    background: rgba(00, 00, 00, .7);
    color: #FFF;
    text-align: center;
    line-height: 1.1rem;
    font-size: .32rem
}
.indexPart3 .zt ul li a p span{
    display: inline-block;
    width: 100%;
    line-height: 1.5em;
    text-align: left;
    vertical-align: middle;
    padding: 0 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.indexPart3 .zt li span:hover{color: #ed2e31}

.indexPart5 ul {
    overflow: hidden
}

.indexPart5 li {
    float: left;
    padding-right:10px;
    padding-bottom:10px;
    width: 50%;
}
.indexPart5 li:nth-child(odd){text-align: right}
.indexPart5 li:nth-child(even){text-align: left}


.indexPart5 li:last-child {
    margin-right: 0
}

.indexPart5 li a {
    display: inline-block;
    width: 4.7rem;
    height: 4.33rem;
}
.indexPart5 li a div{
    height: 100%;
    background: transparent;
    transition: all 0.3s ease;
}
.indexPart5 li:hover a div{
    background: #ed2e31;
}



.indexPart5 li a p {
    color: #fff;
    font-size: .36rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 1rem;
    background: rgba(00, 00, 00, .7);
    text-align: center;
    line-height: 1rem;
    transition: all 0.3s ease;
}
.indexPart5 li:hover a p{background: transparent;}
.indexPart5 li:hover a p:before{
    transform: translateX(-50%) scale(1);
}
.indexPart5 li a p:before{
    content: "";
    width: 90%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(0);
    transition: all 0.6s ease;
}
.indexPart5 li:hover a p:after{
    transform: translateX(-50%) scale(1);
}
.indexPart5 li a p:after{
    content: "";
    width: 90%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0);
    transition: all 0.6s ease;
}

.indexPart4 .container {
    position: relative;
    padding-bottom: 0.5rem
}

.indexPart4 .container > a {
    position: absolute;
    right: 0.28rem;
    bottom: 0;
    color: #999999;
    font-size: 0.28rem;
    line-height: 1.5em;
    border-bottom: 1px solid #999;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease
}

.indexPart4 .container > a:hover {
    color: #3b3b3b;
    border-color: #3b3b3b
}

.indexPart4 .container .content {
    overflow: hidden;
    height:70px;
    transition: all 0.3s ease
}

.indexPart4 .container .content a {
    display: inline-block;
    width:167px;
    border: 1px solid #d4d4d4;
    float: left;
    margin-right: 40px;
    margin-bottom: 4px;
    overflow: hidden;
}
.indexPart4 .container .content a:nth-child(5n){margin-right: 0}



.indexPart4 .container .tittle {
    font-size: 0.32rem;
    color: #333;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem
}

.indexPart4 .wal {
    padding-bottom: 2.4rem;
}

.secondNav {
    text-align: center;
    background: #f7f7f7;
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc
}

.secondNavCase {
    background: none;
    border-bottom: none
}

.secondNav a {
    display: inline-block;
    line-height: 1rem;
    font-size: 0.24rem;
    color: #828282;
    margin: 0 0.1rem;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    position: relative;
    float: left;
}
.aboutUs .secondNav a{margin: 0 0.19rem;padding: 0 0.1rem}
.secondNavCase.secondNav a {
    float: none;
    width: 2.4rem;
}

.secondNav a:after {
    content: "";
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    bottom: 1px;
    left: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 100;
}
.secondNav.secondNavCase a:after{background: #bfbfbf}
.secondNav a:hover {
    color: #666
}

.secondNav a.active {
    color: #666
}

.secondNav a.active:after, .secondNav a:hover:after {
    background: #f33f3f
}

.secondNav.case {
    background: #fff;
    border: none;
    padding-top: 0.5rem
}

.secondNav.case a {
    width: 2.5rem;
    margin: 0 0.23rem;
    font-size: 0.32rem
}

.secondNav.case a.active, .secondNav.case a:hover {
    color: #333
}

.secondNav.case a:after {
    background: #bfbfbf
}

.secondNav.case a.active:after, .secondNav.case a:hover:after {
    background: #f33f3f
}

.hxjsSecondNav .secondNavA a.en-us span{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
}
.hxjsSecondNav .secondNavA a.en-us{width: auto;text-align: left;margin: 0 0.2rem}



.hxjs{min-height:25rem}
.hxjs li {
    padding: 2rem 0
}

.hxjs li:nth-of-type(even) {
    background: #f5f5f5
}

.hxjs li:last-child {
    padding-bottom: 0
}

.hxjs li:last-child .wal {
    margin-bottom: 2rem
}

.hxjs li .wal {
    overflow: hidden;
    height: 365px;
}


.hxjs li .left {
    width: 35%;
    float: left;
    padding-right: 1rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.hxjs li .left .tittle {
    font-size: 0.6rem;
    color: #333333;
    padding-bottom: 0.8rem
}

.hxjs li .left p {
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #666666
}

.hxjs li .right {
    width: 65%;
    float: left;
    position: relative;
    border: 1px solid #d4d4d4;
    overflow: hidden;
    height: 365px;

}
.hxjs li .right > a {
    display: block;
    margin: 0 auto;
    width: 1.73rem;
    height: 1.03rem;
    border-radius: 0.4rem;
    border: 0.04rem solid #fff;
    text-align: center;
    line-height: 1.03rem;
    transition: all 0.3s ease;
    position: absolute;
    z-index: 100;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.hxjs li .right > a:hover {
    background: #f33f3f;
    border-color: #f33f3f
}

.hxjs li .right > a img {
    width: 0.27rem
}

.caseBanner img {
    max-width: inherit;
    position: relative;
    left: -33%
}

.caseContainer .wal {
    padding-top: 1.6rem;
    padding-bottom: 2.8rem;
}

.caseContainer .wal .tab li {
    padding: 0.18rem;
    border: 1px solid #a6a6a6;
    margin-bottom: 0.2rem;
    height: 387px;
}

.caseContainer .wal .tab li div.left {
    float: left;
    overflow: hidden;
    width: 10.9rem;
    position: relative;
    height: 100%;
}

.caseContainer .wal .tab li div.left .little {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.28rem;
    color: #666;
    display: none
}

.caseContainer .wal .tab li div.left .little img {
    width: 1.5rem;
    vertical-align: middle;
    margin: 0 0.15rem
}

.caseContainer .wal .tab li div.left .padShow {
    font-size: 0.28rem;
    color: #999;
    margin-top: 0.5rem
}

.caseContainer .wal .tab li div.left .padShow a {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-size: 0.28rem;
    border-bottom: 1px solid #999
}

.caseContainer .wal .tab li div.left div {
    float: left
}

.caseContainer .wal .tab li div.left div.imgDiv {
    margin-right: 0.2rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.caseContainer .wal .tab li div.left div.imgDiv img {
    width: 2.2rem
}

.caseContainer .wal .tab li div.right {
    float: right;
    width: 7.78rem;
    height: 5.84rem;;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.caseContainer .wal .tab li div.right > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.caseContainer .wal .tab li div.right > a {
    display: block;
    margin: 0 auto;
    width: 1.73rem;
    height: 1.03rem;
    border-radius: 0.4rem;
    border: 0.04rem solid #fff;
    text-align: center;
    line-height: 1.03rem;
    margin-top: 2.4rem;
    transition: all 0.3s ease;
    position: relative;
    z-index: 100
}

.caseContainer .wal .tab li div.right > a:hover {
    background: #f33f3f;
    border-color: #f33f3f
}

.caseContainer .wal .tab li div.right > a img {
    width: 0.27rem
}

.caseContainer .wal .tab li div.left .msg {
    width: 8.5rem;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.48rem
}

.caseContainer .wal .tab li > div.left > div:last-child:not(.msg) {
    color: #666;
    font-size: 0.28rem;
    width: 77%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.caseContainer .wal .tab li > div.left > div:last-child:not(.msg) a {
    color: #666;
    font-size: 0.28rem;
    border-bottom: 1px solid #666
}

.caseContainer .wal .tab li div.left .tittle {
    width: 8.5rem;
    font-size: 0.6rem;
    color: #333333;
    padding-bottom: 0.4rem
}

.newsBanner {
    padding-top: 1.22rem;
    border-top: 1px solid #f0f0f0
}

.newsBanner .wal {
    width: 100%
}

.newsBanner .newsBannerContainer div {
    position: relative;
    width: 100%
}

.newsBanner .newsBannerContainer div p {
    position: absolute;
    width: 100%;
    background: rgba(00, 00, 00, 0.5);
    height: 1.24rem;
    left: 0;
    bottom: 0;
    padding: 0 0.5rem
}

.newsBanner .newsBannerContainer div p span {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    height: 1.24rem;
    line-height: 1.24rem;
    font-size: 0.36rem
}

.newsBanner .newsBannerContainer a.slick-prev {
    display: none !important;
    width: 0.55rem;
    height: 1.02rem;
    background: #999;
    position: absolute;
    top: 5.09rem;
    left: -1.58rem;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.newsBanner .newsBannerContainer a.slick-prev:hover {
    background: #f33f3f
}

.newsBanner .newsBannerContainer a.slick-next {
    display: none !important;
    width: 0.55rem;
    height: 1.02rem;
    background: #999;
    top: 5.09rem;
    right: -1.58rem;
    position: absolute;
    transition: all 0.5s ease;
}

.newsBanner .newsBannerContainer a.slick-next:hover {
    background: #f33f3f
}

.newsBanner .newsBannerContainer a.slick-next:after {
    content: '';
    background: url(/skin/style/images/img18.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.02rem;
}

.newsBanner .newsBannerContainer a.slick-prev:after {
    content: '';
    background: url(/skin/style/images/img17.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.02rem;
}

.newsBanner .newsBannerContainer .slick-dots {
    text-align: center;
    padding-top: 0.4rem
}

.newsBanner .newsBannerContainer .slick-dots li {
    width: 0.18rem;
    height: 0.18rem;
    display: inline-block;
    border: 0.04rem solid #c6c6c6;
    border-radius: 50%;
    margin: 0 0.16rem;
    transition: all 0.3s ease;
    cursor: pointer
}

.newsBanner .newsBannerContainer .slick-dots li.slick-active {
    background: #f33f3f
}

.newsBanner .newsBannerContainer .slick-dots li:hover {
    background: #c6c6c6
}

.newsTab {
    padding-top: 1.4rem;
    border-top: 1px solid #f0f0f0
}

.newsTab .tab li {
    border: 1px solid #c6c6c6;
    padding: 0.17rem;
    padding-left: 0.8rem;
    margin-bottom: 0.2rem
}

.newsTab .tab li .right {
    width: 6.08rem;
    height: 4.56rem;
    float: right
}

.newsTab .tab li .left {
    float: left;
    width: 12rem
}

.newsTab .tab li .left .msg {
    color: #666666;
    font-size: 0.28rem;
    line-height: 0.54rem
}

.newsTab .tab li .left .tittle {
    font-size: 0.36rem;
    color: #333;
    padding-top: 0.85rem;
    position: relative;
    padding-bottom: 0.4rem
}

.newsTab .tab li .left .tittle a {
    display: block;
    width: 85%
}

.newsTab .tab li .left .tittle .date {
    position: absolute;
    right: 0;
    top: 0.95rem;
    color: #999999;
    font-size: 0.28rem;
    line-height: 0.36rem;
}

.newsTab .wal span {
    display: block;
    text-align: center;
    font-size: 0.32rem;
    color: #333;
    padding-top: 0.7rem;
    padding-bottom: 1.8rem
}


.tVideo {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    padding-top: 3rem;
    text-align: center;
    display: none
}

.tVideo .videoContainer {
    width: 18rem;
    margin: 0 auto;
    position: relative
}

.tVideo .videoContainer a {
    display: block;
    width: 0.78rem;
    height: 0.78rem;
    position: absolute;
    top: -1rem;
    right: -1rem;
}

.tVideo .videoContainer a span {
    display: block;
    width: 0.78rem;
    height: 0.04rem;
    background: #999;
    transition: all 0.3s ease;
    transform-origin: 50% 50%;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 25px
}

.tVideo .videoContainer a:hover span {
    background: #f33f3f
}

.tVideo .videoContainer a span:first-child {
    transform: rotateZ(45deg)
}

.tVideo .videoContainer a span:last-child {
    transform: rotateZ(-45deg)
}

.aboutUs .banner img {
    width: 100%;
    transform: translateY(-1px)
}

.aboutUs .pageTittle {
    padding-top: 1.5rem
}

.aboutUs .container {
    width: 17.2rem;
    margin: 0 auto
}

/*.about_01,.about_02{padding-bottom: 1.6rem}*/
.about_01 ul {
    overflow: hidden;
    margin-bottom: 1rem
}

.about_01 li {
    float: left;
    width: 25%;
    text-align: center;
    border-right: 2px solid #dcdcdc
}

.about_01 li:last-child {
    border-right: none
}

.about_01 li span {
    display: block;
    font-size: 0.96rem;
    text-align: center;
    color: #ed2e31;
    margin-bottom: 0.2rem;
    height: 1.3rem;
    line-height: 1.3rem
}

.about_01 li p {
    font-size: 0.28rem;
    color: #333;
    text-align: center
}

.aboutUs .content {
    font-size: 0.28rem;
    line-height: 1.8em;
    color: #666;
    padding-bottom: 2.5rem
}

.ourWay {
    padding-top: .8rem
}

.ourWay .wal {
    overflow: hidden
}

.ourWay ul {
    width: 17.2rem;
    margin: 0 auto;
    border-left: 1px solid #fbd5d6;
    padding-left: .35rem;
    margin-bottom: 1.2rem
}

.ourWay ul li {
    position: relative;
    font-size: .32rem;
    width: 100%;
    min-height: 2em;
    line-height: 2em
}

.ourWay ul li div {
    float: left
}

.ourWay ul li div.date2 {
    margin-right: .5rem
}

.ourWay ul li.date1 {
    font-size: .72rem;
    color: #ff4242;
    padding-bottom: 1rem;
}

.ourWay ul li:before {
    content: "";
    display: block;
    width: .16rem;
    height: .16rem;
    background: url("/skin/style/images/img61.png") no-repeat;
    background-size: cover;
    text-align: center;
    position: absolute;
    left: -.43rem;
    top: 50%;
    transform: translateY(-50%)
}

.ourWay ul li.date1:before {
    content: "";
    display: block;
    width: .32rem;
    height: .32rem;
    background: url("/skin/style/images/img60.png") no-repeat;
    background-size: cover;
    text-align: center;
    position: absolute;
    left: -.53rem;
    top: 50%;
    transform: translateY(-50%)
}



.about_02 {
    background: url("/skin/style/images/img20.jpg") no-repeat;
    background-size: cover
}

.about_02 .pageTittle div {
    color: #fff
}

.about_02 .content {
    color: rgba(254, 254, 254, .7)
}

.about_03 .slick {
    position: relative
}

.about_03 .slick:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #ebebeb;
    position: absolute;
    top: 50%;
    z-index: -1
}

.about_03 .slick div {
    height: 4rem;
    margin: 0 0.2rem
}

.about_03 .slick div p {
    width: 100%;
    height: 1.5rem;
    background: #f5f5f5;
    border-radius: 10px;
    position: relative;
    padding: 0.2rem;
    font-size: 0.28rem;
    color: #666
}

.about_03 .slick div:nth-of-type(even) p {
    top: 2.5rem
}

.about_03 .slick div:nth-of-type(even) p:before {
    bottom: 0;
    top: -0.65rem
}

.about_03 .slick div:nth-of-type(even) p:after {
    bottom: 0;
    top: -0.18rem;
    transform: rotateZ(180deg)
}

.about_03 .slick div p:after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.18rem;
    background: url("/skin/style/images/d3.png") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -0.15rem;
    left: 50%;
    transform: translateX(-50%)
}

.about_03 .slick div p:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 4px solid #ed2e31;
    position: absolute;
    bottom: -.65rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100
}

.about_03 .wal {
    padding: 1.5rem 0;
    border-bottom: 1px solid #7d7d7d;
    padding-bottom: 2.5rem
}

.aboutUs .culture ul {
    overflow: hidden
}

.aboutUs .culture ul li {
    float: left;
    width: 3.68rem;
    margin-right: 0.3rem
}

.aboutUs .culture ul li:last-child {
    margin-right: 0
}

.aboutUs .culture ul li p em {
    display: inline-block;
    font-size: 0.6rem;
    border-radius: 50%;
    border: 1px solid #333;
    width: 0.96rem;
    height: 0.96rem;
    color: #ed2e31;
    vertical-align: middle;
    margin-right: 0.45rem;
    text-align: center;
    line-height: 0.96rem
}

.aboutUs .culture ul li p span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.28rem;
    color: #333
}

.aboutUs .culture ul li p {
    text-align: center;
    padding: 0.85rem 0
}

.aboutUs .culture .wal {
    padding-bottom: 1.5rem
}

.aboutUs .concateUs .wal {
    border-bottom: 1px solid #7d7d7d
}

.aboutUs .concateUs ul {
    overflow: hidden;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1.7rem;
    text-align: center
}

.aboutUs .concateUs ul li {
    display: inline-block;
    width: 7.84rem;
    height: 3.2rem;
    background: #f5f5f5;
    margin-right: 0.32rem;
    margin-bottom: 0.32rem;
    text-align: left;
    padding-right: 0
}

.aboutUs .concateUs ul li p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-left:80px;
}

.aboutUs .concateUs ul li:nth-of-type(even) {
    margin-right: 0
}

.aboutUs .concateUs ul li img {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    margin-right: 0.3rem
}

.aboutUs .concateUs ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.28rem;
    color: #939393;
    text-align: left
}

.aboutUs .concateUs ul li span em {
    display: block;
    font-size: 0.32rem;
    color: #333333
}

.concateUs_ {
    width: 100%;
    height: 9.2rem;
    background: url("/skin/style/images/bg5.jpg") no-repeat;
    background-size: cover;
    margin-bottom: 2.8rem
}

.concateUs_ .pageTittle div {
    color: #fff
}

.concateUs_ ul {
    overflow: hidden
}

.concateUs_ li {
    float: left;
    width: 50%;
    padding-bottom: 1rem;
    height: 135px;
}

.concateUs_ li div {
    background: url("/skin/style/images/img59.png") 10% top no-repeat;
    background-size: 5%;
    padding-left: 2.2rem;
    color: #fff;
    font-size: .36rem
}

.ourMission .banner {
    width: 100%;
    height: 9.2rem;
    background: url("/skin/style/images/img103.jpg") no-repeat;
    background-size: cover;
    position: relative
}

.ourMission .banner span {
    color: #fff;
    font-size: .72rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    left: 0;
    text-align: center
}

.ourMission p {
    font-size: .32rem;
    color: #666;
    width: 17.2rem;
    margin: 0 auto;
    line-height: 1.8em;
}

.ourMission .wal {
    padding: 2.5rem 0;
}

.apply {
    padding-top: 1rem;
    border-top: 1px solid #dcdcdc
}

.apply .wal {
    border-bottom: 1px solid #7d7d7d;
    padding-bottom: 1rem
}

.apply .left {
    width: 7.6rem;
}

.apply .left .tittle {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.4rem;
    font-size: 0.28rem;
    color: #666;
    text-align: right
}

.apply .left .tittle span {
    float: left;
    font-size: 0.36rem;
    color: #444
}

.apply .left .inputDiv {
    padding-top: 0.6rem
}

.apply .left .inputDiv span {
    padding-left: 0.4rem;
    background: url("/skin/style/images/img30.png") left center no-repeat;
    font-size: 0.28rem;
    color: #666;
    display: inline-block;
    width: 1.9rem;
    vertical-align: top;
    padding-right: 0.2rem;
    line-height: 0.8rem
}

.apply .left .inputDiv input {
    display: inline-block;
    width: 5.6rem;
    vertical-align: middle;
    height: 0.8rem;
    border: 1px solid #bfbfbf;
    border-radius: 0.2rem;
    font-size: 0.28rem;
    color: #999;
    padding-left: 0.3rem;
    transition: all 0.3s ease
}

.apply .left .inputDiv.captcha {
	position:relative;
}

.apply .left .inputDiv.captcha input {
	width:3rem;
}

.apply .left .inputDiv.captcha img {
	position:absolute;
	right:0;
	top:0.6rem;
	height:0.8rem;
}

.apply .left .inputDiv input:focus {
    color: #333;
    border-color: #ed2e31
}

.apply form > input[type="submit"] {
    display: block;
    width: 3.25rem;
    height: 1rem;
    border-radius: 0.2rem;
    background: transparent;
    border: 1px solid #ed2e31;
    color: #ed2e31;
    font-size: 0.28rem;
    margin: 0 auto;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 1rem
}

.apply form > input[type="submit"]:hover {
    background: #ed2e31;
    color: #fff
}

.apply .right {
    width: 10rem
}

.apply .right li {
    overflow: hidden
}

.apply .right li .tittle {
    font-size: 0.36rem;
    color: #444;
    margin-bottom: 0.4rem;
    padding-left: 0.8rem;
    position: relative;
    float: none
}

.apply .right li:first-child .tittle i {
    position: absolute;
    display: block;
    width: .58rem;
    height: .39rem;
    background: url("/skin/style/images/img55.png") no-repeat;
    background-size: cover;
    top: 0;
    left: 0
}

.apply .right li:nth-child(2) .tittle i {
    position: absolute;
    display: block;
    width: .46rem;
    height: .46rem;
    background: url("/skin/style/images/img56.png") no-repeat;
    background-size: cover;
    top: 0;
    left: 0
}

.apply .right li > div {
    float: left
}

.apply .right li p {
    padding-top: 0.65rem;
    font-size: 0.28rem;
    color: #444;
    line-height: 2em;
    padding-bottom: 1rem
}

.apply .right .littleTittle {
    padding: 0.65rem 1.2rem;
    font-size: 0.32rem;
    color: #444;
    clear: both;
    position: relative
}

.apply .right .littleTittle i {
    display: block;
    width: .38rem;
    height: .38rem;
    background: url("/skin/style/images/img57.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 0.65rem;
    left: .7rem
}

.apply .right li > div:nth-child(3) .littleTittle i {
    background: url("/skin/style/images/img58.png") no-repeat;
    background-size: cover;
}

.apply .right li .imgDiv {
    margin-right: 0.25rem
}

.apply .right li .imgDiv:last-child {
    margin-right: 0
}

.apply .right li .imgDiv span {
    display: block;
    font-size: 0.28rem;
    color: #444;
    line-height: 2em;
    padding-left: 1.4rem
}

.succeedApply .wal {
    padding-top: 2.7rem;
    padding-bottom: 4.15rem;
    border-bottom: 1px solid #7d7d7d
}

.succeedApply .wal .imgDiv {
    text-align: center
}

.succeedApply .wal .imgDiv img {
    width: 1.52rem;
}

.succeedApply p {
    font-size: 0.6rem;
    line-height: 3em;
    text-align: center
}

.succeedApply span {
    display: block;
    text-align: center;
    font-size: 0.28rem;
    color: #666;
    line-height: 2em
}

.productBanner {
    position: relative
}
.productBanner div.pcShow{width: 100%;max-width: 2560px;background-position: center;background-size: cover;height:340px;}
.caseBanner div.pcShow{width: 100%;max-width: 2560px;background-position: center;background-size: cover;height:340px;}

.productBanner img {
    width: 100%
}

.productBanner .container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.productBanner .container .wal {
    overflow: hidden;
    height: 100%;
}

.productBanner .container .wal .intro {
    float: left;
    width: 50%;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
}

.productBanner .container .wal .imgDiv {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}


.productBanner .container .wal .intro .tittle {
    position: relative;
    font-size: 0.48rem;
    color: #fff;
    padding-left: 0.5rem;
    margin-top: 0.2rem;
    display: inline-block;
    padding-right: 1.8rem;
    margin-bottom: 0.2rem
}

.productBanner .container .wal .intro .tittle span {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 0.24rem;
    display: inline-block;
    padding: 0 0.2rem;
    height: 0.43rem;
    border-radius: 5px;
    text-align: center;
    line-height: 0.43rem
}

.productBanner .container .wal .intro .tittle span.green {
    background: #05c660
}

.productBanner .container .wal .intro .tittle span.brown {
    background: #aa7546
}

.productBanner .container .wal .intro .tittle span.blue {
    background: #0070b7
}

.productBanner .container .wal .intro .tittle span.red {
    background: #ed2e31
}

.productBanner .container .wal .intro .msg {
    padding-left: 0.5rem;
    font-size: 0.28rem;
    color: #fff;
    line-height: 1.5em
}

.product .msg_3 ul {
    overflow: hidden
}

.product .msg_3 ul li {
    float: left;
    width: 6.38rem;
    margin-right: 0.27rem
}

.product .msg_3 ul li:last-child {
    margin-right: 0
}

.product .msg_3 ul li .intro div {
    border: 1px solid #c6c6c6;
    height: 4.2rem;;
    text-align: center;
    line-height: 4.2rem;
}

.product .msg_3 ul li .intro div:nth-child(1) {
    border-bottom: none
}

.product .msg_3 ul li .intro div p {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: 0.28rem;
    line-height: 2em
}

.product .msg_3 ul li .intro div p span {
    color: #f33f3f;
    font-size: 0.6rem
}

.product .msg_3 ul li .intro div p span em {
    color: #f33f3f;
    font-size: 0.28rem
}

.product .layout_3 {
    padding-bottom: 2rem;
}

.product .layout_3 li {
    overflow: hidden;
    padding-bottom: 0.4rem
}

.product .layout_3 li .msg {
    float: left;
    width: 6.4rem;
    margin-right: 0.25rem
}

.product .layout_3 li .msg:nth-child(3) {
    margin-right: 0
}

.product .bIntro {
    text-align: center;
    font-size: 0.28rem;
    color: #666;
    line-height: 2em;
    clear: both
}

.product .lIntro {
    text-align: center;
    font-size: 0.28rem;
    color: #666;
    line-height: 2em;
    clear: both
}

.product .layout_2 {
    padding-bottom: 2.5rem;
}

.product .layout_2 li {
    overflow: hidden
}

.product .layout_2 .msg {
    float: left;
    width: 9.7rem;
    margin-right: 0.3rem
}

.product .layout_2 .msg:nth-child(2) {
    margin-right: 0
}

.product .layout_2 .msg .intro_l2 {
    font-size: 0.28rem;
    color: #666;
    line-height: 2em;
    padding-top: 0.3rem
}

.product .msg_2 ul {
    overflow: hidden
}

.product .msg_2 ul li {
    float: left;
    width: 9.69rem;
    margin-right: 0.32rem;
}

.product .msg_2 ul li:nth-child(2) {
    margin-right: 0
}

.product .msg_2 ul li div.intro div {
    height: 3.35rem;
    border: 1px solid #7d7d7d;
    text-align: center;
    line-height:1.5em
}

.product .msg_2 ul li div.intro div:nth-child(1) {
    border-bottom: none
}

.product .msg_2 ul li div.intro div p {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    font-size: 0.28rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    line-height: 2em;
}
.product .msg_2 ul li div.intro div p span {
    color: #f33f3f;
    font-size: 0.6rem
}

.product .msg_2 ul li div.intro div p span em {
    font-size: 0.28rem
}

.notFound {
    border-top: 1px solid #dcdcdc
}

.notFound .wal {
    height: 9rem;
    line-height: 9rem;
    border-bottom: 1px solid #7d7d7d
}

.notFound .wal img {
    width: 4.89rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.newsContent {
    border-top: 1px solid #f0f0f0
}

.newsContent .wal {
    padding: 0.6rem;
}

.newsContent .wal .tittle {
    color: #333;
    font-size: 0.36rem;
    line-height: 0.6rem
}

.newsContent .wal .date {
    color: #999;
    font-size: 0.28rem
}

.newsContent .wal .content {
    padding-top: 0.5rem
}

.newsContent .wal .content p {
    font-size: 0.28rem;
    line-height: 2em;
    color: #666;
    margin-bottom: 0.5rem
}

.newsContent .wal .content p img {
    width: 100%
}

footer .footerDiv .wal {
    position: relative;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    padding: 1rem;
    height: 3rem;
    padding-left: 0;
}

.language {
    font-size: 0.32rem;
    color: #666;
    line-height: 1.56rem;
    margin-left: 1.1rem
}

.language a {
    display: inline-block;
    font-size: 0.28rem;
    color: #666;
    transition: color 0.3s ease;
    border-bottom: 3px solid transparent;
    line-height: 1.2em
}

.language a.active {
    border-color: #666
}
.language a:hover{color: #ed2e31;border-color: #ed2e31}

footer .footerDiv .tittle {
    font-size: 0.32rem;
    color: #000;
    padding-bottom: 0.6rem;
    float: left;
    margin-right: 0.9rem
}

footer .footerDiv ul {
    padding-bottom: 0.5rem;
    width: 35%
}

footer .footerDiv ul li {
    float: left;
}

footer .footerDiv ul li a {
    text-align: center;
    display: block;
    font-size: 0.28rem;
    color: #7a7a7a;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid transparent;
}

footer .footerDiv ul li:not(:last-child) a:hover {
    color: #333;
    border-color: #333
}

footer .footerDiv .partner {
    width: 65%
}

footer .footerDiv .partner .tittle {
    padding-bottom: 0.4rem
}

footer .footerDiv .partner a {
    display: block;
    color: #000;
    font-size: 0.32rem;
    line-height: 1.5em;
    position: relative;
    padding-left: 0.6rem
}

footer .footerDiv .partner a:first-child i {
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    background: url("/skin/style/images/img50.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

footer .footerDiv .partner a:last-child i {
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    background: url("/skin/style/images/img51.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

footer .footerDiv .partner span {
    color: #7a7a7a;
    font-size: 0.26rem
}

footer .footerDiv .partner .intro {
    float: left
}

footer .footerDiv .logo {
    position: absolute;
    left: 0;
    bottom: 1.4rem;
    display: block;
    width: 2.61rem
}

footer .footerDiv ul li:last-child a {
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
    width: 0.65rem;
    height: 0.48rem
}

footer .footerDiv ul li:last-child a > img {
    height: 0.48rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    opacity: 1;
    transform: translateZ(0)
}

footer .footerDiv ul li:last-child a > .img1 {
    opacity: 0
}

footer .footerDiv ul li:last-child a:hover > .img2 {
    z-index: 9;
    opacity: 0
}

footer .footerDiv ul li:last-child a:hover > .img1 {
    opacity: 1
}

footer .footerDiv ul li:last-child a p {
    position: absolute;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 1.96rem;
    top: 0.8rem;
    left: -0.45rem;
    z-index: -1
}

footer .footerDiv ul li:last-child a:hover p {
    top: 0.7rem;
    opacity: 1
}

footer .msg {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 1.6rem
}

footer .msg .wal {
    font-size: 0.3rem;
    color: #7a7a7a;
    line-height: 2em;
}

footer .msg .wal:nth-child(2) {
    padding: 0.2rem 0
}

footer .msg .wal span {
    display: inline-block;
    padding-right: 0.2rem;
    margin-right: 0.2rem;
    border-right: 1px solid #7a7a7a;
}

footer .msg .law {
    position: absolute;
    top: 0;
    right: 0;
}

footer .msg .law a {
    display: inline-block;
    font-size: 0.3rem;
    color: #7a7a7a;
    margin-left: 0.7rem
}
footer .msg .law a:hover{color: #ed2e31}

footer .footerDiv .wal.inside {
    padding: 1rem 0.2rem;
}

footer .footerDiv .wal.inside ul {
    width: 40%;
}

footer .footerDiv .wal.inside ul li {
    float: left;
    margin-left: 0;
}

footer .footerDiv .wal.inside .tittle {
    margin-right: 0.78rem;
}

footer .footerDiv .wal.inside .partner {
    width: 53%;
}

footer .footerDiv .wal.inside .partner a {
    float: left;
    position: relative;
    margin-right: 0.98rem;
}

footer .footerDiv .wal.inside .partner a:last-child {
    margin-right: 0;
}

footer .footerDiv .wal.inside .partner span {
    position: absolute;
    display: block;
}

footer .footerDiv .wal.inside .partner span, footer .footerDiv .partner span.insideShow {
    display: none;
}

footer .footerDiv .wal.inside .partner span.insideShow {
    display: block;
    font-size: 0.24rem;
}

header .headerContainer.headerSlide {
    position: fixed;
    background: #fff;
    z-index: 10000;
    height: 1rem;
    top: -1rem;
    animation: h1 0.5s forwards;
    width: 100%;
    box-shadow: 0 0 12px #dcdbdb;
}

header .headerContainer.headerSlide .wal .navList li div.tab span {
    line-height: 1rem
}

header .headerContainer.headerSlide .wal .navList li > a {
    line-height: 1rem
}

header .headerContainer.headerSlide .wal .navList li {
    line-height: 1rem
}

header .headerContainer.headerSlide .language {
    line-height: 1rem
}

header .headerContainer.headerSlide .wal .logo a {
    width: 1.92rem;
    height: 0.54rem
}

header .headerContainer.headerSlide .wal .logo {
    line-height: 1rem;
    height: 1rem
}

@keyframes h1 {
    0% {
        top: -1rem
    }
    100% {
        top: 0rem
    }
}
header .headerContainer .tab .container.active>a {
    opacity: 0;
    animation: dd2 0.3s ease-in forwards;
    animation-delay: 0.7s;
}
@keyframes dd2 {
    0% {
        opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
.apply .left .inputDiv textarea {
    height: 120px;
    width: 5.6rem;
    resize: none;
    border: 1px solid #bfbfbf;
    border-radius: 0.2rem;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
    outline: none;
    font-size: 0.28rem;
    color: #999;
    font-family: Arial, "微软雅黑";
    transition: all 0.3s ease;
}
.apply .left form .inputDiv:nth-last-child(2) span{vertical-align: top}
.apply .left .inputDiv input:focus,.apply .left .inputDiv textarea:focus {
    color: #333;
    border-color: #ed2e31
}